<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>订单状态维表</title>
    <!-- css 样式引入 -->
    <link rel="stylesheet" type="text/css" href="../../css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/bootstrap-table.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/bootstrap-datetimepicker.min.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/font-awesome.min.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/index.css">
    <!-- js引入 -->
    <script type="text/javascript" src="../../js/jquery.min.js"></script>
    <script type="text/javascript" src="../../js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../../js/bootstrap-table.js"></script>
    <script type="text/javascript" src="../../js/bootstrap-table-zh-CN.js"></script>
    <script type="text/javascript" src="../../js/bootstrap-datetimepicker.js"></script>
    <script src="js/orderGoodsDimension.js"></script>

</head>

<body>
	<!-- 标题 -->
	<table class="btbHead">
		<tr>
			<td style="width:25%;"><i class="fa fa-align-justify"></i>&nbsp;订单状态维表</td>
			<td style="text-align: right;">
				<a href="#" id="addBtn" class="btn btn-info"  onclick="add()" data-toggle="modal" data-target="#myModal"><i class="fa fa-plus"></i>&nbsp;添加</a>
			</td>
		</tr>
	</table>
	
	<!-- 模糊查询条件 -->
	<form role="form" class="form-inline searchForm">
	  <div class="form-group">
	    <label for="name">查询条件</label>
	    <input type="text" class="form-control" id="keyWord" placeholder="请输入条件" style="width:250px;">
	    <a href="javascript:doQuery()" class="btn btn-default" ><i class="fa fa-search"></i></a>
	  </div>
	</form>
	
	<div class="slideLine" style="margin-top:10px;margin-bottom: 10px;"></div>
	
	<!-- 数据表格 -->
	<table data-toggle="table" class="dataTable" data-pagination="true">
	    <thead>
	        <tr>
	            <th data-field="id" data-align="center">维度编码</th>
	            <th data-field="columnName">维度名称</th>
	            <th data-field="columnValue">维度值</th>
	            <th data-field="state">状态</th>
	            <th data-field="createTime">创建时间</th>
	            <th data-field="lastModifyTime">最后修改时间</th>
	            <th data-field="opraite" data-formatter="operateFormatter">操作</th>
	        </tr>
	    </thead>
	</table>
	
	<!--模态框-->
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog" style="width: 450px;">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
						&times;
					</button>
					<h4 class="modal-title" id="myModalLabel">
						新增订单状态维信息
					</h4>
				</div>
				<div class="modal-body" id="iptBox">
					<form class="form-horizontal form-inline commitForm" role="form">
						<table width="100%">
							<tr>
								<td style="text-align: right;width: 20%;">
									维度编码
								</td>
								<td>
									<input id="" class="form-control" name="id" type="text" value="" style="width:100%">
								</td>
							</tr>
							<tr>
								<td style="text-align: right;width:;">
									<span>维度编码</span>
								</td>
								<td>
									<input id="" class="form-control" name="columnName" type="text" value="" style="width:100%">
									
								</td>
							</tr>
							<tr>
								<td style="text-align: right;">
									<span>维度值</span>
								</td>
								<td>
									<input id="userCode" class="form-control" name="columnValue" type="text" value="" style="width:100%">
								</td>
								
							</tr>
							
							<tr>
								<td style="text-align: right;">
									<span>状态</span>
								</td>
								<td colspan="">
									<select id="" class="form-control" name="state" style="width:100%">
										<option value="1">有效</option>
			                            <option value="2">无效</option>
									</select>	
								</td>
							</tr>
							
						</table>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">取消
					</button>
					<button type="button" class="btn btn-primary" id="btnSave">
						确定
					</button>
				</div>
			</div> <!-- /.modal-content-->
		</div> <!--/.modal -->
	</div>


</body>

</html>